<template>
    <div class="father">
      {{ msg }}
    <hr>
    <input type="text" v-model="msg">
    </div>
</template>

<script setup lang="ts" name="Father">
import {ref,customRef} from 'vue'
import useTime from '../useTime'
// 使用useTime来定义一个响应式数据（且有延迟效果
let {msg} = useTime('传递的数据',1000);



</script>

<style scoped>
    .father{
        background-color: rgb(165, 164, 164);
        padding: 20px;
        border-radius: 10px;
    }
</style>